//index页面入口文件
import '../css/index.scss';


//组件：
//引入header模块(构造函数)
import Header from '../components/header/index.js';
//引入list_item模块(构造函数)
import ListItem from '../components/index/list_item/index.js';


//数据：
//导入数据模型的类
import {
  IndexModel
} from '../models/index';

//实例化引入组件模块
const header = new Header();
const listItem = new ListItem();



//实例化数据模型的类
const indexModel = new IndexModel();

const App = (doc) => {
  //获取主页container容器
  const oContainer = doc.getElementsByClassName('J_container')[0],
    //获取list容器
    oList = doc.getElementsByClassName('J_list')[0];

  const init = () => {
    //加载商品列表数据
    //传入itemList组件里的tpl字符串
    //then接收从ajax内部处理sucess方法内部promise返回出来的resolve函数
    indexModel.getGoodsList(listItem.tpl).then((res) => {
      oList.innerHTML = res;
    });

    //初始化时就插入header组件到主页
    oContainer.appendChild(header.tpl('商品列表'));

  }

  init();
}

//实例化App并注入document
new App(document);